import React, { useEffect, useRef, useState } from "react";
import { AutoCenter, Button } from "antd-mobile";
import classnames from "classnames";
import * as gtag from '@/libs/gtag'
import { BASE_PATH } from '@/config'

const pageName = "rule";
const klassName = pageName.replace(/\./g, '-');

export default function RuleComp({pos}) {

  const [rule, setRule] = useState(undefined);

  useEffect(() => {
    gtag.event({
      action: 'rule_view',
      label: `查看规则`,
    })
  }, [])

  return (
    <div className={classnames(`cp-${klassName}`)} style={{paddingTop:'50px'}}>

    <div className="cp-top-mask" style={{position:'absolute',top:'10px',width:'90%', left: '50%', transform: 'translateX(-50%)',backgroundColor:'#ffffff',height:'50px',zIndex:9,textAlign:'center'}}>
      {/* <img style={{position:'absolute',right: 0,top:'-36px'}} src={`${BASE_PATH}/img/puzzle/rule_icon_1.png`} width="74" height="56" /> */}
      
      {/* <img 
        width='144'
        src={`${BASE_PATH}/img/puzzle/tip_title_text.png`}
      /> */}
    </div>
      <div className="inner" style={{position: 'relative'}}>
     
        {
          rule ?
            <>{rule}</>
            :
            <>

              {/*<h2 className="header">*/}

              {/*</h2>*/}

              <p>
              <div className="title">
                1、活动时间：<span style={{fontWeight:'normal'}}>11月25日-11月30日</span>
              </div>
              </p>
              <p>
              <div className="title">
                2、活动对象：<span  style={{fontWeight:'normal'}}>引力域APP认证UNI车主</span>
              </div>
              </p>

              <p>
              <div className="title">
                3、活动玩法：
              </div>
              </p>
              <p>
              活动期间，每日更新两道题，每答对一题获得1次抽奖机会，若答错可通过分享重新作答，
每人每天至多可获得2次抽奖机会。
              </p>

              <div className="title">
                4、活动奖品：
              </div>
              <p>
              ① UNI车载吸尘器（价值185元）<br />
              ② UNI头枕腰靠（价值149元）<br />
              ③ UNI多用途折叠箱（价值139元）<br />
              ④ UNI篮球7号（价值139元）<br />
              ⑤ UNI纪念拼图（价值108元）<br />
              ⑥ 随机面额U币奖励（12-1000U币不等）
              </p>

              <div className="title">
                5、奖品发放规则：
              </div>
              <p>
              ① 实物奖励将在活动结束后7个工作日内以代金券形式完成发放，用户需在有效期内自行前往商城兑换，逾期失效无法领取，视为自动放弃该奖励；代金券可于【引力域APP/小程序】-【我的】-【代金券】查看；<br />
              ② U币奖励将在活动结束后7个工作日内完成发放，用户可前往【我的U币】查看U币到账情况。
              </p>

              <div className="title">
                6、活动说明：
              </div>
              <p>
              ① 实物奖品具体发货时间以UNI商城时间为准，如果中奖用户收到的对应奖品出现质量问题（非质量问题不退换），可及时与小U沟通反馈，官方将为您妥善解决；<br/>
              ② 活动期间，若用户出现违规行为( 如利用黑客工具、软件作弊等 )，引力域有权取消用户参与活动资格并取消发放奖品/收回已发放奖品。
              </p>

            </>
        }
      </div>
    </div>
  )
}

